<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>专业就业人数柱状图</title>
		<script type="text/javascript" src="js/echarts.js" ></script>
	</head>
	<body>
		<div id="job" style="width:600px;height: 400px;"> /*设置div的高度和宽度 
			<script>
		myCharts = echarts.init(document.getElementById("job"),'dark'); /* 获得div的块 */
		var option = {
			title:{
				text:'2018届各专业就业人数',
				subtext:'太原学院计算机系',
				left:'center'
			},
			tooltip:{}, /*浮动提示工具 */
					toolbox:{
						show:true,
						feature:{
							mark:{show:true},
							dataView:{show:true,readOnly:false},
							magicType:{show:true,type:['line','bar']},
							restore:{show:true},
							saveAsImage:{show:true}
						}
					},
			xAxis:{
				data:['计算机科学','网络工程','数字媒体技术','软件工程']
			},
			yAxis:{},
			series:[
			{
				name:'就业数据',
				type:'bar',
				data:[900,700,500,1000]/*'FindServlet' 前后端数据传输*/
			}]
			
		};
		myCharts.setOption(option);
			</script>
		</div>
	</body>
</html>
